<template>
	<view>
		<u-navbar back-text="返回" :background="background" title="设置">
			<view class="slot-wrap">
				<!-- <u-search placeholder="日照香炉生紫烟" v-model="keyword"></u-search> -->
			</view>
		</u-navbar>
		<view class="content">
			<u-cell-group>
				<u-cell-item icon="setting-fill" title="账号与安全"></u-cell-item>
			</u-cell-group>
			<u-cell-group style="margin-top: 10rpx;">
				<u-cell-item icon="setting-fill" title="新消息通知"></u-cell-item>
				<u-cell-item icon="setting-fill" title="隐私"></u-cell-item>
				<u-cell-item icon="setting-fill" title="通用"></u-cell-item>
			</u-cell-group>
			<u-cell-group style="margin-top: 10rpx;">
				<u-cell-item icon="setting-fill" title="帮助与反馈"></u-cell-item>
				<u-cell-item icon="setting-fill" title="关于我们" value="版本 1.0.0"></u-cell-item>
			</u-cell-group>
			<u-cell-group style="margin-top: 10rpx;">
				<u-cell-item :title-style="{'margin-left': '281rpx'}" title="切换账号" :center='true' :arrow=false>
				</u-cell-item>
			</u-cell-group>
			<u-cell-group style="margin-top: 10rpx;" :center=true>
				<u-cell-item :title-style="{'margin-left': '281rpx'}" title="退出登录" :arrow=false></u-cell-item>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'Setting',
		components: {

		},
		props: {
			data: {
				type: Object,
				default () {
					return {

					}
				}
			}
		},
		data() {
			return {
				background: {
					backgroundColor: '#f1f3f5'
					// 导航栏背景图
					// background: 'url(https://cdn.uviewui.com/uview/swiper/1.jpg) no-repeat',
					// 还可以设置背景图size属性
					// backgroundSize: 'cover',
					// 渐变色
					//backgroundImage: 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))'
				},
				keyword: ""
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f1f3f5;
	}
</style>
